<template>
  <div class="layout" style="height: 100%;">
    <suspenPopup :user-id="userId" :add-path="addPath" :del-path="delPath"  @filePath="(aa) =>{filePath = aa}" @file-id="(aa) =>{fileId = aa}" @tree="(tree) => {treeData = tree}"/>
    <rmk :userId="userId" :filePath="filePath" :file-id="fileId" @add-path="(path) => {addPath = path}" @del-path="(path) => {delPath = path} " @clear-file-id="(id) => {fileId = id}" @clear-file-path="(path) => {filePath = path}"/>
  </div>
</template>


<script setup lang="ts">
    import rmk from "./components/rmk.vue";
    import suspenPopup from "./utils/suspen.vue";
    import { ref } from 'vue';
    const userId = ref("123456");
    const filePath = ref("");
    const fileId = ref(0);
    const treeData = ref([]);
    const addPath = ref("");
    const delPath = ref("");

</script>